/* 设置客服 */
 .navbar .service{
  width: 60px;
  height:60px;
  position: sticky;
 left: 1500px;
}
 .navbar .service img{
    border-radius: 50%;
  width: 60px;
  height:60px;
  position: sticky;
  top: 250px;
}
 .navbar .service .service1{
width: 300px;
height: 180px;
background-color: #42B983;
color: #42B983;
 }
/* 客服结束 */
/*引入  */
.navbar {
  width: 100%;
  height: 55px;
  line-height: 48px;
  vertical-align: middle;
  text-align: center;
  position:sticky;
  top: 0px;
  z-index: 3;
  background-color: #FFFFFF;
}

.navbar .nb {
  font-size: 14px;
  color: #333333;
  cursor: pointer;

}

.navbar .nb:hover {
  text-decoration: none;
  border-bottom: 2px solid rgb(204, 82, 82);
}

.block2{
margin-top: 5px;
  position: relative;
  /* z-index: -1; */

}


.leftbar{
  height: 515px;
  width: 202px;
  background-color: rgb(232,240,242);
  margin-top: 10px;
  position: absolute;
  top: 198px;
  left: 170px;
  z-index: 4;
}
.leftbar ul li{
  height: 45px;
  padding-top: 12px;
  padding-left: 5px;
}

.leftbar .a::after{
content: " ";
display: block;
height: 40px;
width: 190px;
background: url(../img/横线.png);
background-position-y: 3px;
}
.leftbar .b:hover{
  background-color: #FFFFFF;
}
.leftbar .l1{
background-color: rgb(191,76,76);
font-size: 16px;
color: #FFFFFF;
position: sticky;
top: 0px;
}
.leftbar .l1 span{
position: absolute;
left: 10px;
top: 18px;
}

.leftbar .l1 img{
  width: 20px;
  height: 20px;
  position: absolute;
  left: 160px;
  top: 18px;
}
.leftbar .s1{
  font-size: 14px;
  color: #4D4D4D;
}
.leftbar .s2{
  font-size: 12px;
  color: #999999;
}

/* 结束 */
.F4{
  padding-top: 10px;
  height: 300px;
  width: 100%;
  background-color: rgb(245,245,245);
}
.F4 .F4_spacing{
  margin-right: 10px;
  width: 291px;
  height: 280px;
  border: #FFFFFF solid 1px;
  overflow: hidden;
}
.F4 .F4_spacing img{
  width: 300px;
  height: 280px;
  cursor: pointer;
  transition: all 0.6s;

}
.F4 .F4_spacing img:hover{
  transform: scale(1.1);
}
.limited_time{
  height: 60px;
  width: 100%;
  background-color: rgb(245,245,245);
  line-height: 60px;
  vertical-align: middle;
}
.limited_time .lsg{
  color: #CC5252;
  font-size: 20px;
}
.limited_time .djs{
  color: #CC5252;
  font-size: 20px;
}
.limited_time .ck{
  font-size: 12px;
  color: #666666;
}
.limited_goods{
  height: 290px;
  width: 100%;
  background-color:rgb(245,245,245);
}
.limited_goods .goods_img{
  width: 392px;
  height: 280px;
  /* 放大*/
  border: #FFFFFF solid 1px;
  overflow: hidden;
}
.limited_goods .goods_img img{
   /* 放大*/
  cursor: pointer;
  transition: all 0.6s;
}
.limited_goods .goods_img img:hover{
    transform: scale(1.1);
}
.limited_goods .F3 img{
  width: 510px;
  height: 280px;

}
.limited_goods .F_h4{
  background-color: #FFFFFF;
  height: 280px;
  text-align: center;
  padding-top: 20px;
}
.limited_goods .F_h4 img{
  width: 142px;
  height: 205px;
}
.limited_goods  .goods_img,.F3{
    margin-right: 15px;
}
.month{
  height: 60px;
  width: 100%;
  background-color: rgb(245,245,245);
  line-height: 60px;
  vertical-align: middle;
  position: relative;
}
.month .month_text{
  position: absolute;
  left: 160px;
  font-size: 20px;
  color: #4A4A4A;
}
.month .month_img{
  position: absolute;
  left: 270px;
}
.explosive_money{
  width: 100%;
  height: 370px;
  background: rgb(245,245,245);
}
/* 放大 */
.explosive_money .explosive1{
  width: 392px;
  height: 360px;
  /* 放大*/
  border: #FFFFFF solid 1px;
  overflow: hidden;
}
.explosive_money .explosive1 img{
   /* 放大*/
  cursor: pointer;
  transition: all 0.6s;
}
.explosive_money .explosive1 img:hover{
    transform: scale(1.1);
}
/* 放大结束 */
.explosive_money .explosive1,.explosive2{
  margin-right: 10px;
}
.explosive_money .explosive2 .explosive_img1{
  margin-bottom: 5px;
}
.explosive_money .explosive3 .explosive_img2{
    margin-bottom: 5px;
   /* box-shadow: 1px 1px 10px rgb(237,237,237); */
}
.explosive_money .explosive2 .explosive_img1,.explosive_img11{
  width: 382px;
}
.explosive_money .explosive3 .explosive_img2,.explosive_img22{
  width: 384px;
}
/* 阴影 */
.explosive_money .explosive3 .explosive_img2:hover{

  box-shadow: 0 0px 16px rgb(224,224,224), 0 0 0px rgb(224,224,224), 0 0 0px rgb(224,224,224)
   /* box-shadow:  inset; */
}
.explosive_money .explosive3 .explosive_img22:hover{

  box-shadow: 0 0px 16px rgb(224,224,224), 0 0 0px rgb(224,224,224), 0 0 0px rgb(224,224,224)
   /* box-shadow:  inset; */
}
.explosive_money .explosive2 .explosive_img1:hover{

  box-shadow: 0 0px 16px rgb(224,224,224), 0 0 0px rgb(224,224,224), 0 0 0px rgb(224,224,224)
   /* box-shadow:  inset; */
}
.explosive_money .explosive2 .explosive_img11:hover{

  box-shadow: 0 0px 16px rgb(224,224,224), 0 0 0px rgb(224,224,224), 0 0 0px rgb(224,224,224)
   /* box-shadow:  inset; */
}
/* 阴影设置结束 */
.secondhand{
    height: 60px;
  width: 100%;
  background-color: rgb(245,245,245);
  line-height: 60px;
  vertical-align: middle;
}
.secondhand .secondhand_text{
font-size: 20px;
color: #CC5252;
}
.secondhand .secondhand_much{
  font-size: 12px;
  color: #666666;
}
.secondhand_goods{
  width: 100%;
  height: 290px;
  background-color:rgb(245,245,245);
}
/* 放大开始 */
.secondhand_goods .goods_img{
  margin-right: 20px;
   width: 392px;
  height: 280px;
  border: #FFFFFF solid 1px;
  overflow: hidden;
}
.secondhand_goods .goods_img img{
  cursor: pointer;
  transition: all 0.6s;
}
.secondhand_goods .goods_img img:hover{
transform: scale(1.1);
}
/* 放大结束 */
.secondhand_goods .goods_lantern{
  margin-left: 10px;
}
.secondhand_goods .goods_lantern img{
  width: 750px;
}
.ranking{
  height: 60px;
  width: 100%;
  background-color: rgb(245,245,245);
  position: relative;
}
.ranking .rank{
font-size: 20px;
color: #4A4A4A;
position: absolute;
top: 20px;
left: 160px;
}
.ranking .see{
  font-size: 12px;
  color: #666666;
  position: absolute;
  top: 18px;
  left: 1296px;
}
.ranking .f1{
  float: left;
}
.ranking .clean{
  clear: both;
}
/* 第一次设计有错误考虑到和面的循环问题 */
/* .ranking .nickname{
  text-align: center;
  line-height: 28px;
  vertical-align:middle;
  font-size: 14px;
  color: #666666;
  width: 72px;
  height: 28px;
  background-color: rgb(230,230,230);
   cursor: pointer;
} */
.ranking ul{
  position: absolute;
  top: 13px;
  left: 240px;
}
.ranking ul li{
  	display: inline-block;
    background-color: rgb(230,230,230);
    height: 28px;
    width: 72px;
    line-height: 28px;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    color: #666666;
    margin-right: 10px;
    cursor: pointer;

}
.ranking ul li a{
  display: inline-block;
  height: 28px;
  width: 72px;

}
.ranking .a{
  position: absolute;
  top: 18px;
  left: 260px;
}
.ranking .b{
  position: absolute;
  top: 18px;
  left: 340px;
}
.ranking .c{
  position: absolute;
  top: 18px;
  left: 420px;
}
.ranking_goods{
  height: 290px;
  width: 100%;
  background-color:rgb(245,245,245);
}
.ranking_goods .goods_a{
  margin-right: 20px;
  width: 380px;
  height: 280px;
  border: #FFFFFF solid 1px;
  overflow: hidden;
}
.ranking_goods .goods_a img{
width: 380px;
height: 280px;
 cursor: pointer;
  transition: all 0.6s;
}
.ranking_goods .goods_a img:hover{
  transform: scale(1.1);
}
.ranking_goods .goods_b img{
width: 380px;
height: 280px;

}
.ranking_goods .goods_c img{
width: 190px;
height: 137px;
}
.ranking_goods .goods_d img{
width: 190px;
height: 137px;
}
.ranking_goods .goods_a,.goods_b,.goods_c{
  margin-right: 10px;
}
/* 设置阴影 */
/* 阴影 */
.ranking_goods .goods_b img:hover{
  box-shadow: 0 0px 16px rgb(224,224,224), 0 0 0px rgb(224,224,224), 0 0 0px rgb(224,224,224)

}
.ranking_goods .goods_c img:hover{
  box-shadow: 0 0px 16px rgb(224,224,224), 0 0 0px rgb(224,224,224), 0 0 0px rgb(224,224,224)

}
.ranking_goods .goods_d img:hover{
  box-shadow: 0 0px 16px rgb(224,224,224), 0 0 0px rgb(224,224,224), 0 0 0px rgb(224,224,224)

}
.brand{
width: 100%;
height: 526px;
background-color:rgb(245,245,245);

}
.brand .brand_one{
  margin-right: 20px;
}
.brand img{
  width: 580px;
}
.f6{
  width: 100%;
  height: 100px;
background-color: rgb(245,245,245);
}
.f6 .f6_goods{
  margin-left: 7px;
}
.f6 .f6_goods img{
  width: 190px;
  height: 95px;
}
.f6 .f6_goods img:hover{
  box-shadow: 0 0px 16px rgb(224,224,224), 0 0 0px rgb(224,224,224), 0 0 0px rgb(224,224,224)

}
.watch_consultation{
    height: 60px;
  width: 100%;
  background-color: rgb(245,245,245);
  line-height: 60px;
  vertical-align: middle;
}
.watch_consultation .consultation_text{
  font-size: 20px;
  color: #4A4A4A;
}
.watch_consultation .consultation_much{
  font-size: 12px;
  color: #666666;
}
.consultation_goods{
  width: 100%;
  height: 290px;
  background-color: rgb(245,245,245);
}
.consultation_goods .goods_list2 img{
width: 190px;
height: 280px;

}
.consultation_goods .goods_list2{
   margin-left: 10px;
}
.consultation_goods .goods_list1{
  margin-left: 20px;
  width: 380px;
  height: 280px;
   border: #FFFFFF solid 1px;
  overflow: hidden;
}
.consultation_goods .goods_list1 img{
width: 380px;
height: 280px;
 cursor: pointer;
  transition: all 0.6s;

}
.consultation_goods .goods_list1 img:hover{
  transform: scale(1.1);
}
.consultation_goods .goods_list2 img:hover{
  box-shadow: 0 0px 16px rgb(224,224,224), 0 0 0px rgb(224,224,224), 0 0 0px rgb(224,224,224)

}
.open_sharing{
    height: 60px;
  width: 100%;
  background-color: rgb(245,245,245);
  line-height: 60px;
  vertical-align: middle;
  position: relative;
}
.open_sharing .sharing_text{
  font-size: 20px;
  color: #4A4A4A;
}
.sharing_goods{
  width: 100%;
  height: 250px;
  background-color:rgb(245,245,245);
}
.sharing_goods .goods_list img{
  width: 280px;
  height: 240px;
   cursor: pointer;
   transition: all 0.6s;
}
 .sharing_goods .goods_list{
  margin: 8px;
  width: 280px;
  height: 240px;
  border: #FFFFFF solid 1px;
  overflow: hidden;
}
 .sharing_goods .goods_list img:hover{
transform: scale(1.1);
  box-shadow: 0 0px 16px rgb(224,224,224), 0 0 0px rgb(224,224,224), 0 0 0px rgb(224,224,224)
 }
.like{
   width: 100%;
    background-color:rgb(245,245,245);
 }

.like .goods_list{
   margin: 8px;
   width: 280px;
   height: 330px;
 }
 .like .goods_list img{
   width: 280px;
   height: 330px;

 }
 .like .goods_list img:hover{
  box-shadow: 0 0px 16px rgb(224,224,224), 0 0 0px rgb(224,224,224), 0 0 0px rgb(224,224,224)
 }
 .lb{
   width: 100%;
   height: 60px;
    background-color:rgb(245,245,245);
 }
